<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>mobiscroll</title>
    <link rel="stylesheet" href="../css/style.css">
    <link rel="stylesheet" href="../css/mobiscroll.custom.min.css">
    <script src="../js/jquery-1.9.1.min.js"></script>
    <script src="../js/flexible.js"></script>
    <script src="../js/mobiscroll.custom.min.js"></script>
</head>
<body>
<h1 class="title-h1">mobiscroll</h1>
<div class="jy-mob">
    <p >时间——时分</p>
    <label>
        <input type="text" class="jy-input fz35" id="jy-time" placeholder="请选择时间">
    </label>
    <p >时间——年月日</p>
    <label>
        <input type="text" class="jy-input fz35" id="jy-day" placeholder="请选择年月">
    </label>
    <p >时间范围——起始时间-结束时间</p>
    <label id="upUn">
        <input type="text" class="jy-input fz35" id="jy-range" placeholder="请选择时间范围">
    </label>
    <p >下拉</p>
    <label>
        <select name="" class="jy-input fz35" id="jy-select" >
            <option value="1">军人</option>
            <option value="2">警察</option>
            <option value="3">歌手</option>
            <option value="4">演员</option>
            <option value="5">教师</option>
            <option value="6">学生</option>
        </select>
    </label>

</div>

<script>
    var theme = "ios";
    var mode = "mobiscroll";
    var display = "bottom";
    var lang="zh";
   //只选择时分
    $('#jy-time').mobiscroll().time({
        theme: theme,
        mode: mode,
        display: display,
        lang: lang,
        timeFormat: "HH:ii:ss"
    });
//    $('#upUn').mobiscroll().range({
//        theme: theme,
//        mode: mode,
//        display: display,
//        lang: lang,
//        multiSelect: true,
//        controls: ['calendar', 'time'],
//        defaultValue: [ new Date(2013, 6, 12), new Date(2013, 6, 18, 23, 59) ],
//        startInput: '#startDate',
//        endInput: '#endDate'
//    });
    $('#jy-day').mobiscroll().date({
        theme: theme,
        mode: mode,
        display: display,
        lang: lang,
        dateFormat:"yyyy-mm-dd",
//        headerText: function (valueText) { //自定义弹出框头部格式
//            array = valueText.split('-');
//            return array[0] + "年" + array[1] + "月" + array[2] + "日";
//        },
//        onSelect: function (valueText, inst) {
//            $(this).find(".mbase-menu-txt").html(valueText);
//            /*$.post("inc/person.org.php", {apart: "resume_base", birthday: valueText}, function (result) {
//                if (result == 'ok') {
//                    $(this).find(".mbase-menu-txt").html(valueText);
//                }
//                else {
//                    error('网络繁忙，请您稍后再试');
//                }
//            });*/ 这是后端入库部分
//        }

    });
    $('#jy-select').mobiscroll().select({
        theme: theme,
        mode: mode,
        display: display,
        lang: lang
    });
    $("#jy-select_dummy").addClass("jy-input fz35");
</script>
</body>
</html>